<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>404 - 页面未找到</title>
    <link rel="stylesheet" href="static/css/layui.css">
    <script src="static/js/layui.js"></script>
    <style>
        body {
            background-color: #f2f2f2;
        }
        .error-container {
            margin: 100px auto;
            width: 80%;
            max-width: 800px;
            text-align: center;
        }
        .error-code {
            font-size: 120px;
            color: #393D50;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .error-message {
            font-size: 24px;
            color: #666;
            margin-bottom: 30px;
        }
        .error-description {
            font-size: 16px;
            color: #999;
            margin-bottom: 40px;
            line-height: 1.6;
        }
        .layui-btn {
            margin: 0 10px;
        }
    </style>
</head>
<body>
    <div class="error-container">
        <div class="error-code">404</div>
        <div class="error-message">哎呀，页面走丢了...</div>
        <div class="error-description">
            您访问的页面不存在或已被删除<br>
            可能是网址输入错误，或者页面已被移除
        </div>
        <div>
            <button class="layui-btn layui-btn-primary" onclick="window.history.back()">
                <i class="layui-icon layui-icon-return"></i> 返回上一页
            </button>
            <button class="layui-btn" onclick="window.location.href='/'">
                <i class="layui-icon layui-icon-home"></i> 返回首页
            </button>
        </div>
    </div>

</body>
</html>